page {
  width: 100%;
  height: 100.1vh;
}

.index {
  display: flex;
  
  .index_group {
    flex: 1;
    display: flex;
    flex-direction: column;

    .index_item {
      padding: 20rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      border: 3rpx solid #000;
      border-radius: 20rpx;
      
      .image {
        width: 100%;
      }

      .index_item_info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        border: 1rpx solid #000;
        font-size: 24rpx;
        margin-top: 20rpx;
        padding: 10rpx;

        .info {
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1; // 第几行开始省略
        }

        .date {
          text-align: center;
        }
      }

      .tag {
        position: absolute;
        padding: 10rpx 20rpx;
        border: 1rpx solid #000;
        background-color: #eee;
        border-radius: 20rpx;
        transform: rotate(45deg);
        font-size: 20rpx;
        right: -9rpx;
        top: 27rpx;
      }
    }
  }
}

.floot {
  border: 3rpx solid #000;
  font-size: 36rpx;
  font-weight: bolder;
  padding: 20rpx;
  text-align: center;
  margin: 2vh 20vw;
  border-radius: 25rpx;
}
